<!-- template inhertance -->
<extend name="layout/default"/>

<!-- styles -->
<block name="linkcss">
    <!--webuploader-->
    <link rel="stylesheet" href="/Public/webuploader/css/webuploader.css">
    <!--simditor-->
    <link rel="stylesheet" href="/Public/simditor-2.3.23/styles/simditor.css">
    <link rel="stylesheet" href="/Public/simditor-mention/simditor-mention.css">
    <link rel="stylesheet" href="/Public/simditor-emoji/styles/simditor-emoji.css">

    <link rel="stylesheet" href="/Public/home/css/viewer.min.css">
    <!--layui v2.4.5-->
    <link rel="stylesheet" href="/Public/layui-v2.4.5/css/layui.css">

    <link rel="stylesheet" href="/Public/home/css/bbs/voteShow.css">
</block>

<!-- scripts -->
<block name="linkjs">
    <!--webuploader-->
    <script src="/Public/webuploader/js/webuploader.js"></script>
    <!--simditor-->
    <script src="/Public/simditor-2.3.23/site/assets/scripts/module.js"></script>
    <script src="/Public/simditor-2.3.23/site/assets/scripts/hotkeys.js"></script>
    <script src="/Public/simditor-2.3.23/site/assets/scripts/uploader.js"></script>
    <script src="/Public/simditor-2.3.23/site/assets/scripts/simditor.js"></script>
    <script src="/Public/simditor-mention/simditor-mention.js"></script>
    <script src="/Public/simditor-emoji/lib/simditor-emoji.js"></script>

    <script src="/Public/home/js/viewer-jquery.min.js"></script>
    <!--layui v2.4.5-->
    <script src="/Public/layui-v2.4.5/layui.js"></script>

    <script src="/Public/home/js/bbs/voteShow.js"></script>
</block>

<!-- page title -->
<block name="webtitle">
    <title>详情</title>
</block>

<!-- navagations -->
<block name="breadcrumb">
    <ol class="breadcrumb breadcrumb-edit">
        <li><a href="/">BBS</a></li>
        <li class="active">帖子详情</li>
    </ol>
</block>

<!-- main body -->
<block name="content">

    <div class="bs-wp">
        <div>
            <div class="lf">

                <!--帖子信息-->
                <div class="b-head b-head-fx">
                    <div class="clearfix">
                        <div class="pull-left">
                            <div class="title">
                                <span>关于XXXXX的投票</span>
                            </div>
                            <small class="text-muted">
                                <span>发表在</span>
                                <span>
                                    <a href="http://192.168.0.10/BBS?section=1" class="a">技术分享</a>
                                </span>
                                <span class="ml-10">2019-05-24 13:16</span>
                            </small>
                        </div>
                        <div class="pull-right clearfix">
                            <button type="button" class="btn btn-default btn-sm pull-left reply-focus">
                                <i class="icon-comment-alt"></i> 回复
                            </button>
                        </div>
                    </div>
                </div>

                <div class="fl">
                    <!--楼主信息-->
                    <div class="fl-left lz">
                        <div>
                            <img width="70" height="70" class="img-circle" src="/Public/home/img/face/face_10.png" alt="">
                        </div>
                        <div class="mt-5"><a href="javascript:;">李平</a></div>
                    </div>

                    <div class="fl-body">

                        <!-- 投票通道（上） -->
                        <div class="vote-top"></div>


                        <!--帖子内容-->
                        <div class="fl-content">
                            <p>在职场生态中，有一种加班屡见不鲜，令人感到心累：“唯时长论”“坐班不做事”“领导不走我不走”等形式主义加班现象，正在污染我们的奋斗精神。</p>
                            <p>以加班为名怒刷存在感</p>
                            <p>在职场生态中，有一种加班屡见不鲜，令人感到心累：“唯时长论”“坐班不做事”“领导不走我不走”等形式主义加班现象，正在污染我们的奋斗精神。</p>
                            <p>以加班为名怒刷存在感</p>
                            <p>在职场生态中，有一种加班屡见不鲜，令人感到心累：“唯时长论”“坐班不做事”“领导不走我不走”等形式主义加班现象，正在污染我们的奋斗精神。</p>
                            <p>以加班为名怒刷存在感</p>
                            <p>在职场生态中，有一种加班屡见不鲜，令人感到心累：“唯时长论”“坐班不做事”“领导不走我不走”等形式主义加班现象，正在污染我们的奋斗精神。</p>
                            <p>以加班为名怒刷存在感</p>
                            <p>在职场生态中，有一种加班屡见不鲜，令人感到心累：“唯时长论”“坐班不做事”“领导不走我不走”等形式主义加班现象，正在污染我们的奋斗精神。</p>
                            <p>以加班为名怒刷存在感</p>
                        </div>

                        <!-- 附件 -->

                        <!-- 投票通道（下） -->
                        <div class="vote-bottom">
                            <!-- 渲染 start -->
                            <form action="" class="layui-form">
                                <!-- 单选 -->
                                <div class="layui-form-item"> <!-- value为传入后台的数据 -->
                                    <div>
                                        <input type="radio" name="options" title="写作" value="写作">
                                    </div>
                                    <div>
                                        <input type="radio" name="options" title="读书" value="读书">
                                    </div>
                                    <div>
                                        <input type="radio" name="options" title="唱歌" value="唱歌">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <button type="button" class="btn btn-sm btn-primary" lay-submit lay-filter="sure">确定</button>
                                    <button type="button" class="btn btn-sm btn-default cancel">取消</button>
                                    <div class="layui-form-mido layui-word-aux">温馨提示：每人最多可选1项，且确定选择后,点击取消可重新选择投票。截止时间：2019-5-30 17：00</div>
                                </div>

                                <!-- 多选 -->
                                <div class="layui-form-item">  <!-- value为传入后台的数据 -->
                                    <div>
                                        <input type="checkbox" name="option[1]" title="写作" value="写作" lay-skin="primary">
                                    </div>
                                    <div>
                                        <input type="checkbox" name="option[2]" title="读书" value="读书" lay-skin="primary">
                                    </div>
                                    <div>
                                        <input type="checkbox" name="option[3]" title="唱歌" value="唱歌" lay-skin="primary">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <button type="button" class="btn btn-sm btn-primary" lay-submit lay-filter="sure">确定</button>
                                    <div class="layui-form-mido layui-word-aux">温馨提示：每人最多可选3项，且确定选择后不可更改。截止时间：2019-5-30 17：00</div>
                                </div>


                                <!-- 投票完成后的显示结果页面 start-->
                                <div class="vote-show">
                                    <!-- 1、进度条模板 -->
                                    <div class="layui-form-item">
                                        <div class="option">写作(<span class="vote-count">2</span>人)</div>
                                        <div class="layui-progress layui-progress-big" lay-showPercent="true">
                                            <div class="layui-progress-bar layui-bg-green" ></div> <!-- lay-percent后台计算所得 -->
                                        </div>
                                    </div>
                                    <div class="layui-form-item active">    <!-- active 标识用户选择项 -->
                                        <div class="option">读书(<span class="vote-count">5</span>人)</div>
                                        <div class="layui-progress layui-progress-big" lay-showPercent="true">
                                            <div class="layui-progress-bar layui-bg-green" ></div>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="option">唱歌(<span class="vote-count">1</span>人)</div>
                                        <div class="layui-progress layui-progress-big" lay-showPercent="true">
                                            <div class="layui-progress-bar layui-bg-green"></div>
                                        </div>
                                    </div>

                                    <!-- 参与投票的用户集群 -->
                                    <div class="vote-list">
                                        <!-- voteUsers() start -->
                                        <i class="icon-user vote-icon">
                                            参与投票成员(<span class="vote-count">1</span>)
                                        </i>
                                        <div class="vote-name pt-10" style="display: none">
                                            <span class="vote-users"><a href="javascript:;">李平</a></span>
                                        </div>
                                        <!-- voteUsers() end -->
                                    </div>

                                    <!-- 2、直接显示个数模板 -->
                                    <div class="layui-form-item">
                                        <div class="layui-inline" style="border: 1px solid #e6e6e6">
                                            <div class="options p-20" >写作</div>
                                            <div class="count p-20"><span class="vote-count">5</span>人</div>
                                        </div>
                                        <div class="layui-inline active" style="border: 1px solid #e6e6e6">
                                            <div class="options p-20" >读书</div>
                                            <div class="count p-20"><span class="vote-count">2</span>人</div>
                                        </div>
                                        <div class="layui-inline" style="border: 1px solid #e6e6e6">
                                            <div class="options p-20" >唱歌</div>
                                            <div class="count p-20"><span class="vote-count">1</span>人</div>
                                        </div>
                                    </div>
                                    <!-- 参与投票的用户集群 -->
                                    <div class="vote-list">
                                        <!-- voteUsers() start -->
                                        <i class="icon-user vote-icon">
                                            参与投票成员(<span class="vote-count">1</span>)
                                        </i>
                                        <div class="vote-name pt-10" style="display: none">
                                            <span class="vote-users"><a href="javascript:;">李平</a></span>
                                        </div>
                                        <!-- voteUsers() end -->
                                    </div>
                                </div>
                                <!-- 投票完成后的显示结果页面 end-->
                            </form>
                            <!-- 渲染 end -->
                        </div>

                        <!-- 点赞 -->
                        <div class="anmao" id="zan" style="top: -135px;"></div>
                        <button type="button" class="btn btn-default zan px-30"
                                style="font-size: 24px; display: block; margin: 30px auto;">
                            <i class="glyphicon glyphicon-thumbs-up thumbs-up active" bbs-id="76"
                               style="position: relative; top: 4px;"></i>
                            <span class="zan-count">1</span>
                        </button>

                        <!-- 点赞的用户集群 -->
                        <div class="zan-list">
                            <i class="glyphicon glyphicon-thumbs-up thumbs-up active mr-10"></i>
                            <span class="zan-users">
                                <a href="javascript:;">李平</a>
                            </span>
                        </div>
                    </div>
                </div>

                <!-- 评论区域 -->
                <div class="anmao" id="comments" style="top: -135px;"></div>

                <!-- <h3>评论区</h3>-->
                <div class="fl">
                    <div class="anmao" id="5ce77fec88017" style="top: -135px;"></div>
                    <div class="reply-hin" style="display: none;">1</div>

                    <div class="fl-left lz">
                        <div>
                            <img width="70" height="70" class="img-circle" src="/Public/home/img/face/face_10.png"
                                 alt="">
                        </div>
                        <div class="mt-5"><a href="javascript:;">李平</a></div>
                    </div>

                    <div class="fl-body">
                        <div class="fl-content">
                            <p>可以，这就很优秀
                                <img src="/Public/home/img/face/face_10.png" alt="2018new_kuxiao_org" data-emoji="true"
                                     data-non-image="true">
                                <br>
                            </p>
                        </div>

                        <!-- 评论回复区 start -->
                        <div class="fl-footer text-right text-muted mt-15" style="font-size: 12px;">
                            <span class="mr-10">1楼</span>
                            <span class="mr-10">2019-05-24 13:23</span>
                            <span>
                                    <a type="button" class="btn btn-default btn-sm rp-btn" data-floor="1" data-bid="76"
                                       data-lid="199">我也说一句</a>
                                </span>
                        </div>

                    </div>
                </div>

                <!-- 评论分页 -->
                <div class="pg">
                    <ul class="pagination pg-ed">
                        <li><a href="javascript:void(0);">当前1/1</a></li>
                    </ul>
                </div>
            </div>

            <div class="rt">
                <!--该帖用户信息-->
                <div class="rt-sct">
                    <div class="rt-title">我在BBS</div>
                    <div class="ubx">
                        <div class="avt">
                            <img width="70" height="70" class="img-circle" src="/Public/home/img/face/face_10.png"
                                 alt="">
                        </div>
                        <div class="uf">
                            <div class="ml-10">
                                <div>
                                    <span style="font-size: 16px;">李平</span>
                                    <span class="lv">1</span>
                                </div>
                                <div class="mt-5">
                                    <span class="tag tag-info mr-5">软件经理</span></div>
                                <div class="exp-bar mt-10">
                                    <div class="exp-bar-current" style="width: 4%;"></div>
                                    <div class="exp-num">
                                        <span class="exp-current-num">20</span>
                                        <span>/500</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!--BBS热议榜-->
                <div class="rt-sct bbs-ryb">
                    <div class="rt-title">BBS热议榜</div>
                    <div class="ryb-list text-muted">
                        <div class="ry-item">
                            <span class="bd-hot">1</span>
                            <a class="a" href="http://192.168.0.10/BBS/show?id=72" title="2019年第一季度研发团建--最美辛夷花">2019年第一季度研发团建--最美辛夷花</a>
                        </div>
                        <div class="ry-item">
                            <span class="bd-hot">2</span>
                            <a class="a" href="http://192.168.0.10/BBS/show?id=57" title="垃圾堆里也能出销售额——转许健印度出差分享">垃圾堆里也能出销售额——转许健印度出差分享</a>
                        </div>
                        <div class="ry-item">
                            <span class="bd-hot">3</span>
                            <a class="a" href="http://192.168.0.10/BBS/show?id=65" title="参观长飞光纤的生产车间有感">参观长飞光纤的生产车间有感</a>
                        </div>
                        <div class="ry-item">
                            <span class="bd-normal">4</span> <a class="a" href="http://192.168.0.10/BBS/show?id=56"
                                                                title="高效的团队，成就高效的工作方式。">高效的团队，成就高效的工作方式。</a>
                        </div>
                        <div class="ry-item">
                            <span class="bd-normal">5</span> <a class="a" href="http://192.168.0.10/BBS/show?id=71"
                                                                title="王者带青铜走访ADTRAN德国">王者带青铜走访ADTRAN德国</a>
                        </div>
                        <div class="ry-item">
                            <span class="bd-normal">6</span> <a class="a" href="http://192.168.0.10/BBS/show?id=52"
                                                                title="祝华拓2019年宏图大展">祝华拓2019年宏图大展</a>
                        </div>
                        <div class="ry-item">
                            <span class="bd-normal">7</span> <a class="a" href="http://192.168.0.10/BBS/show?id=55"
                                                                title="2019年02月北京市场征程，加油，希望就在前方！">2019年02月北京市场征程，加油，希望就在前方！</a>
                        </div>
                        <div class="ry-item">
                            <span class="bd-normal">8</span> <a class="a" href="http://192.168.0.10/BBS/show?id=61"
                                                                title="华拓在OFC Day 1：乘着5G的巨轮漂洋过海">华拓在OFC Day
                            1：乘着5G的巨轮漂洋过海</a>
                        </div>
                        <div class="ry-item">
                            <span class="bd-normal">9</span> <a class="a" href="http://192.168.0.10/BBS/show?id=54"
                                                                title="韩国合作签订，有图有真相">韩国合作签订，有图有真相</a>
                        </div>
                        <div class="ry-item">
                            <span class="bd-normal">10</span> <a class="a" href="http://192.168.0.10/BBS/show?id=62"
                                                                 title="帅气研发小伙风骚走位OFC">帅气研发小伙风骚走位OFC</a>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div>
            <!-- 发表评论 -->
            <div class="anmao" id="reply" style="top: -135px;"></div>
                <div class="publish-box">
                    <div class="edbx">
                        <form action="" class="layui-form">

                            <!--评论编辑框-->
                            <textarea id="editor" name="content" placeholder="在此发表您的评论，如需通知其他用户，请使用@功能。"></textarea>

                            <!--发表按钮及是否使用签名档-->
                            <div class="form-group mt-20 mb-0">
                                <input type="hidden" name="publish" value="1">
                                <input type="hidden" name="l_id" value="0">
                                <input type="hidden" name="count" value="1">
                                <input type="hidden" name="b_id" value="76">
                                <button type="button" lay-submit="" lay-filter="publish" class="btn btn-primary">发 表
                                </button>
                                <label class="ml-10" style="font-weight: normal;">
                                    <input type="checkbox" lay-ignore="" name="sign"
                                           style="position: relative; top: 2px; display: inline-block;" checked="">
                                    使用签名档（<a href="http://192.168.0.10/BBS/signatures">查看全部</a>）
                                </label>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- 点赞动画 -->
        <div class="WB_like" style="display: none;">
            <div class="anibox UI_ani"
                 style="background-image:url(//img.t.sinajs.cn/t6/skin/public/like/p_0000_pc.png?version=201904011608);">
            </div>
        </div>
    </div>
</block>